﻿@model BG.Admin.ViewModels.ApplicationViewModel
<!DOCTYPE html>
<html>
<head>
    <title>@Model.ApplicationSetting.sApplicationName</title>
    @Assets.CSS("")
    @Assets.Theme("core")
    @Assets.jQuery()
    @Assets.Script("modernizr-2.6.2.js")
    @RenderSection("CssImport", false)    @RenderSection("JavascriptImport", false)    




    <!--  checkbox styling script -->
    <script src="/Scripts/core/ui.core.js" type="text/javascript"></script>
    <script src="/Scripts/core/ui.checkbox.js" type="text/javascript"></script>
    <script src="/Scripts/core/jquery.bind.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('input').checkBox();
            $('#toggle-all').click(function () {
                $('#toggle-all').toggleClass('toggle-checked');
                $('#mainform input[type=checkbox]').checkBox('toggle');
                return false;
            });
        });
    </script>  

    <![if !IE 7]>

    <!--  styled select box script version 1 -->
    <script src="/Scripts/core/jquery.selectbox-0.5.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
        });
    </script>
 

    <![endif]>

    <!--  styled select box script version 2 --> 
    <script src="/Scripts/core/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
            $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
        });
    </script>

    <!--  styled select box script version 3 --> 
    <script src="/Scripts/core/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
        });
    </script>

    <!--  styled file upload script --> 
    <script src="/Scripts/core/jquery.filestyle.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $("input.file_1").filestyle({
                image: "images/forms/choose-file.gif",
                imageheight: 21,
                imagewidth: 78,
                width: 310
            });
        });
    </script>

    <!-- Custom jquery scripts -->
    <script src="/Scripts/core/custom_jquery.js" type="text/javascript"></script>
 
    <!-- Tooltips -->
    <script src="/Scripts/core/jquery.tooltip.js" type="text/javascript"></script>
    <script src="/Scripts/core/jquery.dimensions.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('a.info-tooltip ').tooltip({
                track: true,
                delay: 0,
                fixPNG: true,
                showURL: false,
                showBody: " - ",
                top: -35,
                left: 5
            });
        });
    </script> 


    <!--  date picker script -->
    <link rel="stylesheet" href="/Content/themes/core/datePicker.css" type="text/css" />
    <script src="/Scripts/core/date.js" type="text/javascript"></script>
    <script src="/Scripts/core/jquery.datePicker.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {

            // initialise the "Select date" link
            $('#date-pick')
	    .datePicker(
            // associate the link with a date picker
		    {
		    createButton: false,
		    startDate: '01/01/2005',
		    endDate: '31/12/2020'
    }
	    ).bind(
            // when the link is clicked display the date picker
		    'click',
		    function () {
		        updateSelects($(this).dpGetSelected()[0]);
		        $(this).dpDisplay();
		        return false;
		    }
	    ).bind(
            // when a date is selected update the SELECTs
		    'dateSelected',
		    function (e, selectedDate, $td, state) {
		        updateSelects(selectedDate);
		    }
	    ).bind(
		    'dpClosed',
		    function (e, selected) {
		        updateSelects(selected[0]);
		    }
	    );

            var updateSelects = function (selectedDate) {
                var selectedDate = new Date(selectedDate);
                $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
                $('#m option[value=' + (selectedDate.getMonth() + 1) + ']').attr('selected', 'selected');
                $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
            }
            // listen for when the selects are changed and update the picker
            $('#d, #m, #y')
	    .bind(
		    'change',
		    function () {
		        var d = new Date(
						    $('#y').val(),
						    $('#m').val() - 1,
						    $('#d').val()
					    );
		        $('#date-pick').dpSetSelected(d.asString());
		    }
	    );

            // default the position of the selects to today
            var today = new Date();
            updateSelects(today.getTime());

            // and update the datePicker to reflect it...
            $('#d').trigger('change');
        });
    </script>

    <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
    <script src="/Scripts/core/jquery.pngFix.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>

    <!-- Include style files -->
    <link href="@Url.Content("~/Content/themes/core/style.css")" rel="stylesheet" type="text/css" />
   
   
    <!-- Include jQuery -->
    <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.9.0.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.6.2.js")" type="text/javascript"></script>
   
    
</head>
<body>




@Html.Partial("Admin/_MainNavigation")
	
<div class="clear">&nbsp;</div>
 
@Html.Partial("Admin/_SubMainNavigation")

<div class="clear"></div>
 
<!-- start content-outer ........................................................................................................................START -->
<div id="content-outer">
<!-- start content -->
<div id="content">

	@RenderBody()     

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->

<div class="clear">&nbsp;</div>
    
<!-- start footer -->         
@Html.Partial("_Footer")
<!-- end footer -->
 
</body>
</html>
